// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.supporter-icon {
  .center-content();
  color: white;
  background-color: @osu-colour-pink-1;

  // TODO: combine with profile-info__icon--supporter somehow?
  height: 20px;
  border-radius: 10000px;
  font-size: 12px;
  padding: 0 10px;
  line-height: normal;

  &--dynamic {
    height: 1.67em;
    font-size: 0.6em;
  }

  &--quick-search {
    font-size: 8px; // icon size
    height: 100%;
  }

  &--user-card {
    height: @user-card-icon-size;
    width: @user-card-icon-size;
    font-size: (@user-card-icon-size / 2);
    border-radius: 50%;
    padding: 1px 0 0;
  }

  &--user-list {
    height: @user-list-icon-size;
    font-size: ($height * 0.6);
  }
}
